<!--# layout("/common/mallout.html",{"jsBase":"/js/mall/provider/"}){ -->

<link rel="stylesheet" href="http://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/style/product.css">

<div class="conter">
    <div class="mood_data_">
        <div class="mood_data_l">       
            <!--# if(sellerInfoVO.logoUrl == null){-->
            <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_01.png">
            <!--# }else{-->
            <img src="${imagepath}/${sellerInfoVO.logoUrl}">
            <!--# }-->
            
        </div>
        <div class="mood_data_r">
            <div class="mood_data_r_01">
                <div class="r_h">
                    <span>${sellerInfoVO.sellerName}</span>
                    <input style="display:none;" class="sellerId_input" value="${sellerInfoVO.sellerId}"/>
                </div>
                <div class="r_c">
                    <p>
                            <span>
                            	<i class="i1"></i>订单数：${sellerInfoVO.orderNum}次
                            </span>
                    </p>
                    <p>
                            <span style="margin-right:20px;">
                            	<i class="i2"></i>地址：${sellerInfoVO.area}${sellerInfoVO.addr}
                            </span>
                        <a href="javascript:" class="follow_01" num="${sellerInfoVO.collectNum}" collect="${sellerInfoVO.isCollect}"><s></s><span class="num">${sellerInfoVO.collectNum}</span>人关注</a>
                    </p>
                    <p>
                        	<span>
                            	<i class="i3"></i>联系电话：${sellerInfoVO.sellerTel}
                            </span>
                    </p>
                    <p>
                        <span style="color:#e64743">支持服务</span>:
                        <!--#if(sellerInfoVO.supportService== "1" ){  -->
                        <span class="span_02">送货上门</span>
                        <!--#}else if(sellerInfoVO.supportService== "2"){  -->
                        <span class="span_02">在线支付</span>
                        <!--#}else if(sellerInfoVO.supportService== "1,2"){  -->
                        <span class="span_02">送货上门  在线支付</span>
                        <!--#}  -->
                    </p>
                    <p>
                        <span style="color:#e64743;">主营业务</span>:
                        ${sellerInfoVO.brief}
                    </p>
                </div>
            </div>
            <div class="mood_data_r_01">
                <p style="padding-left:65px; margin-top:20px; line-height:25px;    overflow: hidden;
    height: 100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;">
                                <span>简介：
                                    <font color="#999999">${sellerInfoVO.description}</font>
                                </span>
                </p>
            </div>
        </div>
    </div>



    <div class="mood_data_02" style="margin-bottom:30px;">
        <h4>商品列表</h4>

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <!--# for(product in productList){-->
                <!--# if(productLP.first){-->
                <li class="layui-this">${product.key.categoryName}</li>
                <!--#}else{-->
                <li>${product.key.categoryName}</li>
                <!--#}-->
                <!--# }-->
            </ul>

            <div class="layui-tab-content" >
                <!--# for(product in productList){-->
                    <!--# if(productLP.first){-->
                    <div class="layui-tab-item layui-show">
                        <ul>
                            <!--# for(goods in product.value){
                            	
                            -->
                            <li class="" style="display: list-item;float:left;margin-left:25px;">
                                <p class="mood_shop_img">
                                    <a href="/mall/skuProductDetails.do?goodsId=${goods.goodsId}&goodsType=${goods.goodsType}" target="_blank">
                                        <!--# if(goods.goodsImgUrls!=null){-->
                                        <!--# for(image in goods.goodsImgUrls){-->
                                        <!--# if(imageLP.first){ -->
                                        <img src="${imagepath}/${image}"  class="show">
                                        <!--#}-->
                                        <!--#}-->
                                        <!--#}else{-->
                                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_01.png"  class="show">
                                        <!--#}-->
                                    </a>
                                </p>
                                <p class="mood_shop_text">
                                    <a href="/mall/skuProductDetails.do?goodsId=${goods.goodsId}&goodsType=${goods.goodsType}" target="_blank">
                                        ${goods.goodsName}
                                    </a>
                                </p>
                                <!--# if(goods.goodsType!='print' && goods.goodsType!='fast'){-->
                                <p class="mood_shop_pic">
                                    ￥${goods.popSinglePriceShow}
                                </p>
                                <!--# }-->
                            </li>
                            <!--#}-->
                        </ul>
                    </div>
                    <!--#}else{-->
                        <div class="layui-tab-item">
                            <ul>
                                <!--# for(goods in product.value){
                                -->
                                <li class="" style="display: list-item;float:left;margin-left:25px;">
                                    <p class="mood_shop_img">
                                        <a href="/mall/skuProductDetails.do?goodsId=${goods.goodsId}&goodsType=${goods.goodsType}" target="_blank">
                                            <!--# if(goods.goodsImgUrls!=null){-->
                                            <!--# for(image in goods.goodsImgUrls){-->
                                            <!--# if(imageLP.first){ -->
                                            <img src="${imagepath}/${image}" class="show">
                                            <!--#}-->
                                            <!--#}-->
                                             <!--#}else{-->
	                                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_01.png"  class="show">
	                                        <!--#}-->
                                        </a>
                                    </p>
                                    <p class="mood_shop_text">
                                        <a href="/mall/skuProductDetails.do?goodsId=${goods.goodsId}&goodsType=${goods.goodsType}" target="_blank">
                                            ${goods.goodsName}
                                        </a>
                                    </p>
                                    <!--# if(goods.goodsType!='print' && goods.goodsType!='fast'){-->
                                    <p class="mood_shop_pic">
                                        ￥${goods.popSinglePriceShow}
                                    </p>
                                    <!--# }-->

                                </li>
                                <!--#}-->
                            </ul>
                        </div>
                    <!--#}-->
                <!--# }-->

            </div>
        </div>

        <!--<ul class="mood_shop">-->

        <!--</ul>-->


    </div>


</div>




<!-------------------------------------->
<script src="http://www.11ziyun.com/js/region.js"></script>
<script src="http://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/style/library.js"></script>

<!--#} -->
<script>
var collect = $('.follow_01').attr('collect');
var stv = $(this);
if(collect == "true"){
	$("s").addClass("atv");
}
</script>
<script>

    layui.use(['providerDetails','laypage','element'], function() {
        var quoteCountPriceIndex = layui.providerDetails;
        var element = layui.element;
        var laypage = layui.laypage;
        quoteCountPriceIndex.init();
    })

</script>
<style>
    *{ margin:0;padding:0;font-style:normal}
   .ui li{margin:0;padding:0;list-style:none;float:left;margin-left:25px;}
    
    input{background:0 0;border:none}
    html{overflow-x:hidden;font-family:"å¾®è½¯é›…é»‘"}
    a{text-decoration:none; font-size:12px; color:#999999;}
    a:focus{outline:none;}
    ol,ul{list-style-type:none}
    img,input,select{vertical-align:middle;outline:0; margin:0px; background:none;/*-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;background-color:transparent; border-color:transparent;*/}
    a{text-decoration:none; }
    body {
        background: #f4f4f4;
    }
    .conter{width:1200px; height:auto; margin:0 auto;}
    .mood_haed,.mood_body  li, .mood_r_body{background:#FFF; border:1px solid #d9d9d9;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2); box-shadow: 0 2px 10px rgba(0,0,0,0.2); margin-top:10px; overflow:hidden; padding:10px 15px; font-size:14px; color:#666666;}
    .mood_haed p a{ display:inline-block; padding:5px 15px;  color:#333333;}
    .mood_haed p a.atv{ background:#fff5f5; border:1px solid #e23a3a;}
    .mood_haed p span{display: inline-block; width: 70px;}
    .mood_haed p span s.s1{ background-position:0px -28px;}
    .mood_haed p span s.s2{ background-position:0px -119px;}
    .mood_cn{ margin-top:10px; overflow: hidden;}
    .mood_body{ width:1280px;}
    .mood_body li{margin-bottom:20px;    width: 252px; position: relative;float: left;margin-right: 20px;}
    .mood_body li .mood_l_img{width:100%; height:287px;}
    .mood_body li .mood_l_img img{width:100%; height:100%;}
    .mood_r {width: 72%;height: 70%; position: absolute; bottom: -243px;background: #ffffff;left: 9%; padding: 5%;overflow: hidden;}
    .r_h{  line-height:35px; overflow:hidden;}
    .r_h span{ font-size:16px; color: #49386f; float:left;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
    .r_h a{float:right; display:none;}
    .r_c{position:relative;}
    .r_c p{margin-top:7px; color:#666867;font-size: 14px;overflow: hidden;}
    .r_c p span i, .mood_haed p span s{ display:none; width:20px; height:20px;    vertical-align: middle; background:url("https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/upload/pc/ysc/ysmd.png") no-repeat;}
    .r_c p span i.i1{ background-position:0px 0px;}
    .r_c p span i.i2{ background-position:0px -28px;}
    .r_c p span i.i3{ background-position:0px -60px;}

    .mood_r_body{ width:260px; padding:15px; float:right; font-size:16px;}
    .r_img  p{overflow:hidden; margin-top:20px;}
    .r_img a{ font-size:14px; color:#3a444d;}
    .r_img a img{ width:44px; height:44px; margin-right:10px; border-radius:50%;}
    .mood_mover{ width:80px; height:28px; line-height:28px; text-align:center; color:#FFFFFF;     background: #49386e;display: inline-block;border-radius: 5px;margin-top:20px;margin-left: 10px;}



    .conter_01{ width:100%;    background: white;}
    .conter_01 img{width:100%;}
    .zc{width:700px; margin:0 auto; overflow:hidden;}
    .zc ul{width:250px; overflow:hidden;}
    .zc ul li{ color:#6c6c6c; line-height:35px; margin-bottom:20px;}
    .zc ul li input{ width:248px; height:36px; border:1px solid #dddddd; line-height:36px;}
    .zc ul li select{width:70px; height:36px; border:1px solid #dddddd; line-height:36px; margin-right:10px;}
    .but{ text-align:center; padding:50px;}
    .but button{width:160px; height:40px; line-height:40px; font-size:16px; color:#FFF; background:#2a9afe; border-radius:50px; border:none; font-family:"å¾®è½¯é›…é»‘";}

    .mood_data_01{ border:1px solid #dddddd; overflow:hidden; padding:25px; background:#FFFFFF; margin-top:10px;}
    .mood_data_l{float:left; overflow:hidden; width:270px; height:319px;margin-right:40px;webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);box-shadow: 1px 2px 5px rgba(0,0,0,0.2);    border: 1px solid rgba(0,0,0,0.2);    padding: 20px;background:#ffffff;}
    .mood_data_l img{width:100%; height:100%;}
    .mood_data_r{overflow:hidden; height: 321px;webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);box-shadow: 1px 2px 5px rgba(0,0,0,0.2);padding: 20px 40px;background: #ffffff;    border: 1px solid rgba(0,0,0,0.2);    margin-right: 8px;}
    .mood_data_r_01{padding-bottom:20px; font-size:14px;    line-height: 20px;}

    .mood_data_r_01 h4{ color:#ed452f; font-size:16px; padding-top:20px; padding-bottom:10px;}
    .span_ span{ display:inline-block; margin-right:78px; width:85px; height:20px; text-indent:30px; line-height:20px;background:url("https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/upload/pc/ysc/ysmd.png") no-repeat;}
    .span_{line-height:30px; padding-left:20px;}
    .span_ span.span_01{ background-position:0px -152px;}
    .span_ span.span_02{ background-position:0px -196px;}
    .span_ span.span_03{ background-position:0px -242px;}
    .span_ span.span_04{ background-position:0px -286px;}

    .mood_data_02{border:1px solid #dddddd; overflow:hidden; padding:25px 50px; background:#FFFFFF; margin-top:20px;}
    .mood_data_02 h4{font-size:16px; color:#333333; padding-bottom:10px; text-align:center;}
    .mood_map{width:730px; overflow:hidden; margin:20px auto;}
    .mood_map_l{float:left; width:360px; height:180px;border:1px solid #dddddd; margin-right:40px;}
    .mood_map_r{overflow:hidden; line-height:30px; color:#666666;}
    .mood_map_r h5{ font-size:16px; color:#333333;}
    .text{font-size:14px; text-indent:20px; padding:30px; line-height:30px;}

    .mood_shop{ overflow:hidden; width:1200px; margin-top:25px;}
    .mood_shop li{float:left; width:240px; margin-right:46px;margin-bottom:20px;}
    .mood_shop_img{width:240px; height:240px;}
    .mood_shop_img img{width:100%; height:100%;}
    .mood_shop_text a{width:240px; height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#3a444d; display:inline-block;}
    .mood_shop_pic{ color:#f63233; font-size:16px;width:240px; height:21px;}
    .right_menu span.text{    font-size: 12px; text-indent: initial; padding: 0px; line-height: initial;}
    .sn-cate .sn-cate-main ul li a.cat-parent{    line-height: inherit;}
    .mood_haed.new_mood_haed{background:rgb(251,251,251); margin-top:25px;   -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none;padding:0px 15px;}
    .mood_haed.new_mood_haed p{ border-bottom:1px #dddddd dashed; padding:15px 0px;}
    .follow_01{float: right;font-size: 14px;margin-right: 25px;}
    .follow_01 s{width: 22px; height: 21px;background: url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/upload/pc/ico/collection.png) 0px -20px no-repeat;background-size: 22px;    margin-right: 10px;    vertical-align: text-bottom;    display: inline-block;}
    .follow_01 s.atv{background: url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/upload/pc/ico/collection.png) 0px 1px no-repeat; background-size: 22px; }
    .mood_data_{overflow: hidden; padding: 20px 0px;}
    
    .

</style>